<template>
  <div class="student">
    <h2>学生姓名：{{ name }}</h2>
    <h2>学生性别：{{ sex }}</h2>
  </div>
</template>

<script>
export default {
  name: "StudentItem",
  data() {
    return {
      name: "李四",
      sex: "男",
    };
  },
};
</script>

<style scoped lang="less">
.student {
  background-color: orchid;
  padding: 5px;
  margin-top: 30px;
}
</style>
